import React from 'react';
import ReactDOM from 'react-dom';
// 引用子页面
import BodyChild from './bodyChild'

export default class ComponentBody extends React.Component {
	// state初始化 state的作用域只属于当前的类,不会污染其他的类
	constructor() {
		// 调用基类的所有初始化方法
		super();
		this.state = {
			text: ""
		} //初始化赋值
	}
	// 定义改变输入文本的state
	changeVal(e) {
		this.setState({
			text: e.target.value
		})
	}
	render() {
		return (
			<div>
				<p>你输入的内容是: {this.state.text}</p>
				{/*子组件里面的changeVal 是自定义的属性*/}
				<BodyChild changeVal={this.changeVal.bind(this)} />
			</div>
		)
	}
}